<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>FxSignal</title>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript">
		$(function() {

			$.getJSON('/fx/chart/EURUSD', function(data) {
				// Create the chart
				data = data.rows;
				window.chart = new Highcharts.StockChart({
					chart : {
						renderTo : 'container'
					},

					rangeSelector : {
						selected : 1
					},

					title : {
						text : 'Stock Price'
					},
					
					series : [{
						name : 'FxSignal',
						data : data,
						tooltip: {
							valueDecimals: 5
						}
					}]
				});
				
				
			});

		});

		</script>
	</head>
	<body>
<script src="/js/highstock.js"></script>
<script src="/js/modules/exporting.js"></script>

<div id="container" style="height: 500px; min-width: 500px"></div>
	</body>
</html>
